<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="/common/templates/common.xhtml">
            <ui:param name="titulo" value="Inventario Producto" />

            <ui:define name="body">
                <a4j:form id="ProductoInventario">

                    <h:panelGrid id="panelGridInsertar" columns="1">
                        <rich:panel id="panelInventario" >
                            <f:facet name="header">
                                <h:outputText id="labelTitulo" value="#{Messages['inventario.producto']}"/>
                            </f:facet>

                            <h:panelGrid id="pGridInput"  columns="3">

                                <h:outputLabel id="labelTipo" value="#{Messages['insert.producto.referencia']}"/>
                                <h:selectOneMenu id="tipo" value="#{ProductoInventarioBean.referencia}">
                                    <f:selectItems value="#{ProductoInventarioBean.mueblesItems}"/>
                                </h:selectOneMenu>
                                <h:outputText id="spaceNoRequiredTipo" value="" escape="false"/>

                                <h:outputLabel id="labelPrecio" value="#{Messages['inventario.producto.precio']}"/>
                                <h:inputText id="precio" value="#{ProductoInventarioBean.precio}">
                                    <rich:toolTip id="toolTipPrecio" value="#{Messages['inventario.producto.precio']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredPrecio" value="" escape="false"/>

                                <h:outputLabel id="labelCantidad" value="#{Messages['inventario.producto.cantidad']}"/>
                                <h:inputText id="cantidad" value="#{ProductoInventarioBean.cantidad}">
                                    <rich:toolTip id="toolTipCantidad" value="#{Messages['inventario.producto.cantidad']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredNombre" value="" escape="false"/>

                            </h:panelGrid>
                        </rich:panel>
                    </h:panelGrid>
                    <rich:spacer id="space1" width="5"></rich:spacer>
                    <h:panelGrid id="panelGridButton" columns="3">
                        <h:commandButton id="btnInsertar" value="#{Messages['common.insert']}">
                            <a4j:support action="#{ProductoInventarioBean.insertarProducto}" event="onclick" reRender="TablaInventario"/>
                        </h:commandButton>
                        <h:outputText id="space" value="" escape="false"/>
                        <h:commandButton id="btnCancelar" value="#{Messages['common.cancel']}" action="cancel" />
                    </h:panelGrid>

                    <rich:spacer id="space2" width="30"></rich:spacer>
                    
                    <h:panelGrid>
                        <rich:dataTable id="TablaInventario" value="#{ProductoInventarioBean.listProducto}"
                                        var="producto">
                            <f:facet name="header">
                                <rich:columnGroup>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.referencia']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['inventario.producto.precio']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['inventario.producto.cantidad']}"/>
                                    </rich:column>
                                </rich:columnGroup>
                            </f:facet>
                            <rich:columnGroup>
                                <rich:column>
                                    <h:outputText id="idreferencia" value="#{producto.mueble.referencia}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idprecio" value="#{producto.precio}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idcantidad" value="#{producto.cantidad}"/>
                                </rich:column>
                            </rich:columnGroup>
                        </rich:dataTable>
                    </h:panelGrid>

                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>